<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title></title>
<link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
<style>
.pagination {
	text-align: center;
	font-size: 0.85rem;
	line-height: 60px;
	color: #fff;
}
.download {
	position: absolute;
	right: 0.5rem;
	top: 10px;
	height: 40px;
	width: 40px;
	background: url(../../image/common/download.png) no-repeat center center;
	background-size: auto 20px;
}
</style>
</head>
<body class="bg-none">
	<div class="relative">
		<div class="pagination">1</div>
		<div class="download aui-hide" tapmode onclick="download()"></div>
	</div>
	
</body>
<script type="text/javascript" src="../../script/import.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
var current;
var total;
apiready = function(){
	api.parseTapmode();
	changeCurrent(api.pageParam.current,api.pageParam.total);

	if(api.pageParam.downloadBtn == true){
		$$('.download').removeClass('aui-hide');
	}
	
};
function changeCurrent(a,b){
	current = a;
	total = b;
	var currentTxt = parseInt(current)+1;
	$$('.pagination').text( currentTxt + '/' + total);
}
function download(){
	api.execScript({
	    name: api.pageParam.winName,
	    frameName: api.pageParam.frmName,
	    script: 'downloadPhoto('+ current +');'
	});
}
</script>
</html>
